<template>
  <div>
    <cj-popup v-model="showAccountQcode" @closed="hideDialog" class="c-w80vw c-br6">
      <div class="c-pv50  c-flex-column c-aligni-center">
        <div class="c-fs28 c-fw-b c-textAlign-c">{{title}}</div>
        <div class="c-fs24 c-textAlign-c c-pv30">{{desc}}</div>
        <div>
          <img
            :src="$addXossFilter(imgSrc)"
            alt=""
            class="c-ww250 c-hh250 c-m-0auto"
          />
        </div>
        <div class="c-pt20 c-fs20 c-fc-gray c-textAlign-c">
          长按识别二维码&nbsp;&nbsp;关注公众号
        </div>
      </div>
    </cj-popup>
  </div>
</template>

<script>
export default {
  name: 'OfficalAccount',
  props: {
    title: {
      type: String,
      default: '关注公众号'
    },
    desc: {
      type: String,
      default: ''
    },
    imgSrc: {
      type: String,
      default: ''
    },
    showAccountQcode: {
      type: Boolean,
      default: false
    }
  },
  components: {
  },
  data() {
    return {}
  },
  methods: {
    hideDialog() {
      this.$emit('hideDialog')
    }
  }
}
</script>

<style lang="less" scoped>
</style>